"use client";
/*
* 自定义值
* 规则: tailwindName-[value]
* 使用变量值：
* h-[var(--name)]
* h-[--name]
* */
export default function Page(){
  return (
    <div className={'h-[--theme-box-whith] w-[var(--theme-box-whith)]  text-[26px] p-3 hover:bg-pink-500 duration-[2s] card'}>
      <h1>千里之行始于足下</h1>
    </div>
  )
}
